<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>上报记录分析</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" type="image/png" th:href="@{/assets/images/icon/favicon.ico}">
  <link rel="stylesheet" th:href="@{/assets/css/bootstrap.mincopy.css}">
  <link rel="stylesheet" th:href="@{/assets/css/font-awesome.min.css}">
  <link rel="stylesheet" th:href="@{/assets/css/themify-icons.css}">
  <link rel="stylesheet" th:href="@{/assets/css/metisMenu.css}">
  <link rel="stylesheet" th:href="@{/assets/css/owl.carousel.min.css}">
  <link rel="stylesheet" th:href="@{/assets/css/slicknav.min.css}">
  <!-- amchart css -->
  <link rel="stylesheet" th:href="@{/assets/css/export.css}" type="text/css" media="all"/>
  <!-- others css -->
  <link rel="stylesheet" th:href="@{/assets/css/typography.css}">
  <link rel="stylesheet" th:href="@{/assets/css/default-css.css}">
  <link rel="stylesheet" th:href="@{/assets/css/styles.css}">
  <link rel="stylesheet" th:href="@{/assets/css/responsive.css}">
  <!-- modernizr css -->
  <script th:src="@{assets/js/vendor/modernizr-2.8.3.min.js}"></script>

  <script type="text/javascript">

    function getKeyword(){

      var keyword=document.getElementById('searchKeyword');
      console.log(keyword);
      var form = document.getElementById('form');
      form.submit();

    }
  </script>

</head>

<body>

<div id="preloader">
  <div class="loader"></div>
</div>

<form id="form" th:action="@{/recordcon/searchAllRecord}" method="post">
  <div class="page-container">

    <div class="sidebar-menu">
      <div class="sidebar-header">
        <div class="logo"></div>
      </div>
      <div class="main-menu">
        <div class="menu-inner" style="width: 100%; height: 500px; overflow: hidden;">
          <nav>
            <ul class="metismenu" id="menu">
              <li class="active">
                <a href="javascript:void(0)" aria-expanded="true"><i
                        class="ti-dashboard"></i><span>上报记录管理</span></a>
                <ul class="collapse">
                  <li class="active"><a th:href="@{/recordcon/checkRecordAll}">全部记录</a></li>
                </ul>
                <ul class="collapse">
                  <li class="active"><a th:href="@{/recordcon/recordAnalysis}">记录分析</a></li>
                </ul>
                <ul class="collapse">
                  <li class="active"><a th:href="@{/usercon/notDoUser}">未打卡用户</a></li>
                </ul>
              </li>

              <li>
                <a href="javascript:void(0)" aria-expanded="true"><i
                        class="fa fa-table"></i><span>用户管理</span></a>
                <ul class="collapse">
                  <li><a th:href="@{/usercon/User}">用户信息</a></li>
                </ul>
              </li>
              <li>
                <a href="javascript:void(0)" aria-expanded="true"><i
                        class="fa fa-table"></i><span>管理员信息</span></a>
                <ul class="collapse">
                  <li><a th:href="@{/usercon/AdUser}">管理员账号</a></li>
                </ul>
              </li>
              <li><a th:href="@{/outLogin}"><i class="ti-map-alt"></i> <span>退出登录</span></a></li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
    <!-- sidebar menu area end -->
    <!-- main content area start -->
    <div class="main-content">
      <!-- header area start -->
      <div class="header-area">
        <div class="row align-items-center">
          <!-- nav and search button -->
          <div class="col-md-6 col-sm-8 clearfix">
            <div class="nav-btn pull-left">
              <span></span>
              <span></span>
              <span></span>
            </div>
            <h4>数据分析</h4>
          </div>
        </div>
      </div>
      <h4 style="color: red">当前的高风险地区</h4>
      <h5 th:text="${height}"></h5>
      <h4 style="color: #e55d31">当前的中风险地区</h4>
      <h5 th:text="${middle}"></h5>
      <hr/>

      <div class="main-content-inner">
        <div class="table-responsive">
          <div class="table-responsive">
            <div class="pagination_area pull-left ">
              <ul>
                <li><h4>体温异常</h4></li>
              </ul>
            </div>
            <div class="pagination_area pull-right ">
              <ul>
                <li><a th:href="@{/overTemperatureExcel}" href="#">导出</a>
                </li>
              </ul>
            </div>
            <table class="dbkit-table">
              <tbody>
              <tr align="center" style="padding-left: 0px;">
                <td><h4>id</h4></td>
                <td><h4>用户编号</h4></td>
                <td><h4>姓名</h4></td>
                <td><h4>手机号码</h4></td>
                <td><h4>身体状况</h4></td>
                <td><h4>是否隔离</h4></td>
                <td><h4>是否在校</h4></td>
                <td><h4>目前所在地</h4></td>
                <td><h4>体温</h4></td>
                <td><h4>填写日期</h4></td>
              </tr>
              <tr th:each="r:${records1}" align="center" style="padding-left: 0px;">
                <td th:id="'id'+${r.getId()}" th:text="${r.getId()}"></td>
                <td th:text="${r.getUid()}"></td>
                <td th:text="${r.getName()}"></td>
                <td th:text="${r.getPhone()}"></td>
                <td th:switch="${r.getBody()}">
                  <span th:case="1">良好</span>
                  <span th:case="2">发烧</span>
                  <span th:case="3">咳嗽</span>
                  <span th:case="4">头晕</span>
                  <span th:case="5">腹泻</span>
                  <span th:case="6">乏力</span>
                  <span th:case="7">同时包含两种以上异常</span>
                </td>
                <td th:switch="${r.getHospital()}">
                  <span th:case="1">隔离中</span>
                  <span th:case="0">未隔离</span>
                </td>
                <td th:switch="${r.getSchool()}">
                  <span th:case="1">不在校</span>
                  <span th:case="0">在校</span>
                </td>
                <td th:text="${r.getAddress()}"></td>
                <td th:text="${r.getTemperature()}"></td>
                <td th:text="${r.getDate()}"></td>
              </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <hr/>
      <div class="main-content-inner">
        <div class="table-responsive">
          <div class="table-responsive">
            <div class="pagination_area pull-left ">
              <ul>
                <li><h4>身处风险地区</h4></li>
              </ul>
            </div>
            <div class="pagination_area pull-right ">
              <ul>
                <li><a th:href="@{/areaExcel}" href="#">导出</a>
                </li>
              </ul>
            </div>
            <table class="dbkit-table">
              <tbody>
              <tr align="center" style="padding-left: 0px;">
                <td><h4>id</h4></td>
                <td><h4>用户编号</h4></td>
                <td><h4>姓名</h4></td>
                <td><h4>手机号码</h4></td>
                <td><h4>身体状况</h4></td>
                <td><h4>是否隔离</h4></td>
                <td><h4>是否在校</h4></td>
                <td><h4>目前所在地</h4></td>
                <td><h4>体温</h4></td>
                <td><h4>填写日期</h4></td>
              </tr>
              <tr th:each="r:${records2}" align="center" style="padding-left: 0px;">
                <td th:id="'id'+${r.getId()}" th:text="${r.getId()}"></td>
                <td th:text="${r.getUid()}"></td>
                <td th:text="${r.getName()}"></td>
                <td th:text="${r.getPhone()}"></td>
                <td th:switch="${r.getBody()}">
                  <span th:case="1">良好</span>
                  <span th:case="2">发烧</span>
                  <span th:case="3">咳嗽</span>
                  <span th:case="4">头晕</span>
                  <span th:case="5">腹泻</span>
                  <span th:case="6">乏力</span>
                  <span th:case="7">同时包含两种以上异常</span>
                </td>
                <td th:switch="${r.getHospital()}">
                  <span th:case="1">隔离中</span>
                  <span th:case="0">未隔离</span>
                </td>
                <td th:switch="${r.getSchool()}">
                  <span th:case="1">不在校</span>
                  <span th:case="0">在校</span>
                </td>
                <td th:text="${r.getAddress()}"></td>
                <td th:text="${r.getTemperature()}"></td>
                <td th:text="${r.getDate()}"></td>
              </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>

    </div>

  </div>
</form>
<script th:src="@{/assets/js/vendor/jquery-2.2.4.min.js}"></script>
<script th:src="@{/assets/js/popper.min.js}"></script>
<script th:src="@{/assets/js/bootstrap.min.js}"></script>
<script th:src="@{/assets/js/owl.carousel.min.js}"></script>
<script th:src="@{/assets/js/metisMenu.min.js}"></script>
<script th:src="@{/assets/js/jquery.slimscroll.min.js}"></script>
<script th:src="@{/assets/js/jquery.slicknav.min.js}"></script>

<!-- start chart js -->
<script th:src="@{/assets/js/Chart.min.js}"></script>
<!-- start highcharts js -->
<script th:src="@{/assets/js/highcharts.js}"></script>
<!-- start zingchart js -->
<script th:src="@{/assets/js/zingchart.min.js}"></script>
<script>
  zingchart.MODULESDIR = "assets/js/modules/";
  ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3edaf6d"];
</script>
<!-- all line chart activation -->
<script th:src="@{https://www.amcharts.com/lib/3/amcharts.js}"></script>
<script th:src="@{https://www.amcharts.com/lib/3/serial.js}"></script>
<script th:src="@{/assets/css/export.min.js}"></script>
<script th:src="@{https://www.amcharts.com/lib/3/themes/light.js}"></script>
<script th:src="@{/assets/js/bar-chart-main.js}"></script>
<script th:src="@{/assets/js/line-chart-main.js}"></script>
<!-- all pie chart -->
<script th:src="@{/assets/js/pie-chart.js}"></script>
<!-- others plugins -->
<script th:src="@{/assets/js/plugins.js}"></script>
<script th:src="@{/assets/js/scripts.js}"></script>

<script th:src="@{/assets/search.js}"></script>
<script th:src="@{/assets/order.js}"></script>
<script th:src="@{/assets/good.js}"></script>
</body>

</html>
